.minishop-index{
    min-height: 100%;
    background-color: #f7f7f7;
    .top-panel{
        height: 513px;
        .bg{
            width: 100%;
            height: 513px;
            display: block;
            position: absolute;
            z-index: 1;
        }
        .content{
            height: 513px;
            position: relative;
            z-index: 2;
            padding-top: 25px;
            .search-area{
                width: 245px;
                height: 30px;
                background-color: #eefbfb;
                border-radius: 15px;
                border: solid 1px #e6e6e6;
                padding-left: 13px;
                img{
                    display: block;
                    width: 14px;
	                height: 14px;
                }
            }
            .list-wrap{
                position: absolute;
                width: 100%;
                bottom: 0;
                .list{
                    overflow-y: auto;
                    ::-webkit-scrollbar {
                        width: 0;
                        height: 0;
                        color: transparent;
                    }
                    .item{
                        width: 79px;
                        height: 79px;
                        background-color: rgba($color: #0d705b, $alpha: .5);
                        border-radius: 7px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-box-pack: center;
                        -webkit-box-align: center;
                        margin-right: 9px;
                        .photo{
                            display: block;
                            height: 21px;
                            width: 23px;
                        }
                        &:last-child{
                            margin-right: 0;
                        }
                    }
                }
            }
            
        }
    }

    .pro-list{
        background-color: #fff;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        top: -10px;
        position: relative;
        z-index: 3;
        .list{
            display: flex;
            flex-wrap: wrap;
            .item{
                width: 50%;
                padding: 0 5px;
                img{
                    width: 175px;
                    height: 175px;
                    // background-color: #005c47;
                    border-radius: 10px;
                }
            }
        }
        .adv{
            img{
                width: 357px;
                height: 175px;
                border-radius: 10px;
                display: block;
            }
        }
    }


    .barner-1{
        .scroll{
            height: 68px;
            overflow: hidden;
            .inner{
                overflow-y: auto;
            }
        }
        .item{
            position: relative;
            width: calc(100%/3);
            >div{
                position: relative;
                border-radius: 5px;
                overflow: hidden;
            }
            img{
                width: 100%;
                height: 68px;
                display: block;
            }
            .memo{
                position: absolute;
                bottom: 0;
                width: 100%;
                background-color: rgba($color: #000000, $alpha: .2);
                color: #f7f7f7;
                font-size: 12px;
                line-height: 20px;
                text-align: center;
            }
        }
    }
    
    .barner-2{
        .swiper{
            width: 100%;
            height: 89px;
            img{
                width: 100%;
                height: 89px;
                display: block;
                border-radius: 5px;
            }
        }
    }

    .title{
        .memo{
            font-size: 12px;
            color: #626262;
            padding-top: 4px;
            &::before{
                content: "";
                width: 1px;
                height: 13px;
                background-color: #c5c7c7;
                display: inline-block;
                position: relative;
                left: -8px;
                top: 1px;
            }
        }
    }
    .barner-3{
        .scroll{
            height: 230px;
            overflow: hidden;
            .inner{
                overflow-y: auto;
            }
            .item{
                border-radius: 5px;
                overflow: hidden;
                margin-right: 13px;
                width: 277px;
                .photo{
                    width: 277px;
	                height: 148px;
                }
                .avatar{
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                }
            }
            .last{
                width: 20px;
            }
        }
    }

    .list{
        @import './scss/common.scss';
    }
}